body {
  background-color: #fafafa;
  margin: 0;
  padding: 20px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; }

div.container {
  width: 95%;
  margin: auto; }
  div.container > header > nav {
    height: 50px;
    display: flex;
    justify-content: space-between; }
    div.container > header > nav div > a, div.container > header > nav a:link, div.container > header > nav a:visited {
      color: black;
      text-decoration: none;
      display: inline-block;
      line-height: 50px;
      padding: 0 10px;
      font-size: 18px; }
    div.container > header > nav a.webName {
      color: SkyBlue;
      font-size: 33px;
      font-weight: bold; }
    div.container > header > nav a:hover {
      font-weight: bolder; }
    div.container > header > nav a.login_nav, div.container > header > nav a.register_nav {
      align-self: stretch; }
  div.container > div.article > a.createArticle {
    text-decoration: none;
    color: SkyBlue;
    border-radius: 15px;
    background: SkyBlue;
    padding: 5px;
    color: #ffffff;
    outline: none; }
  div.container > div.article > a.createArticle:hover {
    text-decoration: underline; }
  div.container .menu_content {
    display: none; }
    div.container .menu_content a {
      text-decoration: none;
      border-radius: 15px;
      background: SkyBlue;
      padding: 5px;
      color: #ffffff;
      outline: none; }
    div.container .menu_content a:hover {
      text-decoration: underline; }
    div.container .menu_content a.title {
      color: SkyBlue;
      background: #fff; }
  div.container .selectdiv {
    display: block; }
